﻿<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="description" content="Web aplication that enables management of home videos, movies, music, etc."> 
        <link rel="stylesheet" type="text/css" href="videoWeb.css">
        <title>Videotéka</title>
    </head>
    <body>
	
		<div id="container">
			<div id="header">
				<div class="inner">
					<div id="logo">
						<img src="logo.png" alt="videoWeb logo">
					</div>
					<div id="searching">
						<form method="post" action="hledani.html">
							<input type="image" src="search-icon.png" name="image" alt="Submit" width="16" height="16">
							<input type="text" name="name" value="Hledat..." onfocus="if (this.value=='Hledat...') this.value='';" class="input-search">
						</form>
					</div>
				</div>
			</div>
			
			<div id="menu">
				<div class="inner">
					<ul>
						<li class="first"><a href="index.html">HOME</a></li>
						<li><a href="vsechny-zaznamy.html">Všechny záznamy</a></li>
						<li><a href="nove-medium.html">Přidat médium</a></li>
						<li><a href="nova-kategorie.html">Vytvořit kategorii</a></li>
						<li><a href="import.html">Import</a></li>                
						<li><a href="export.html">Export</a></li>          
					</ul>
				</div>
			</div>
			
			<div id="content">
				<div class="inner">
					<p>Nalezené záznamy pro dotaz <i>"Lorem ipsum"</i></p>
					
					<h3>DVD casopisy</h3>
					<table class="media">
						<thead>
							<tr>
								<th>Film 1</th>
								<th>Film 2</th>
								<th>Film 3</th>
								<th>Film 4</th>
								<th></th>
								<th></th>
							</tr>
						</thead>
						<tr>
							<td>Lorem ipsum</td>
							<td>dolor sit amet</td>
							<td></td>
							<td></td>
							<td><div class="update"><a href="uprava-media.html" title="Upravit"><img src="update-icon.png" alt="update icon"></a></div></td>
							<td><div class="delete"><a href="smazani-media.html" title="Smazat"><img src="delete-icon.png" alt="delete icon"></a></div></td>
						</tr>
						<tr>
							<td>Lorem ipsum</td>
							<td>dolor sit amet</td>
							<td>consectetur</td>
							<td></td>
							<td><div class="update"><a href="uprava-media.html" title="Upravit"><img src="update-icon.png" alt="update icon"></a></div></td>
							<td><div class="delete"><a href="smazani-media.html" title="Smazat"><img src="delete-icon.png" alt="delete icon"></a></div></td>
						</tr>
					</table>
					
					<h3>BluRay</h3>
					<table class="media">
						<thead>
							<tr>
								<th>Film 1</th>
								<th>Film 2</th>
								<th></th>
								<th></th>
							</tr>
						</thead>
						<tr>
							<td>in lorem</td>
							<td>dictum sapien</td>
							<td><div class="update"><a href="uprava-media.html" title="Upravit"><img src="update-icon.png" alt="update icon"></a></div></td>
							<td><div class="delete"><a href="smazani-media.html" title="Smazat"><img src="delete-icon.png" alt="delete icon"></a></div></td>
						</tr>
					</table>
					
					<h3>DVD hudebni</h3>
					<table class="media">
						<thead>
							<tr>
								<th>ID</th>
								<th>Autor</th>
								<th>Píseň</th>
								<th></th>
								<th></th>
							</tr>
						</thead>
						<tr>
							<td></td>
							<td>Lorem</td>
							<td>ipsum</td>
							<td><div class="update"><a href="uprava-media.html" title="Upravit"><img src="update-icon.png" alt="update icon"></a></div></td>
							<td><div class="delete"><a href="smazani-media.html" title="Smazat"><img src="delete-icon.png" alt="delete icon"></a></div></td>
						</tr>
					</table>
						
					<h3>DVD kopie</h3>
					<table class="media">
						<thead>
							<tr>
								<th>Id</th>
								<th>Obsah</th>
								<th></th>
								<th></th>
							</tr>
						</thead>
						<tr>
							<td>4</td>
							<td>in lorem</td>
							<td><div class="update"><a href="uprava-media.html" title="Upravit"><img src="update-icon.png" alt="update icon"></a></div></td>
							<td><div class="delete"><a href="smazani-media.html" title="Smazat"><img src="delete-icon.png" alt="delete icon"></a></div></td>
						</tr>
					</table>
					
					<h3>DivX DVD</h3>
					<table class="media">
						<thead>
							<tr>
								<th>Id</th>
								<th>Název média</th>
								<th>Film 1</th>
								<th>Film 2</th>
								<th>Film 3</th>
								<th>Film 4</th>
								<th>Film 5</th>
								<th>Film 6</th>
								<th>Film 7</th>
								<th></th>
								<th></th>
							</tr>
						</thead>
						<tr>
							<td>1</td>
							<td>Lorem ipsum</td>
							<td>dolor sit amet</td>
							<td>consectetur</td>
							<td>adipiscing elit</td>
							<td>Nulla in massa</td>
							<td>non urna</td>
							<td>laoreet</td>
							<td>auctor</td>
							<td><div class="update"><a href="uprava-media.html" title="Upravit"><img src="update-icon.png" alt="update icon"></a></div></td>
							<td><div class="delete"><a href="smazani-media.html" title="Smazat"><img src="delete-icon.png" alt="delete icon"></a></div></td>
						</tr>
					</table>
					
				</div>
			</div>
        </div>
		
        <div id="footer">
            <div class="inner">
                <p>Vývojáři: Lenka Kuníková, Martina Durkošová, Filip Kšenzuliak, Martin Kubíček. Vytvořeno pro předmět PB138, jaro 2013.</p>
            </div>
        </div>

    </body>
</html>